<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" th:src="@{/qrcode/jquery2.1.4.js}"></script>
    <script type="text/javascript" th:src="@{/layer/layer.js}"></script>

    <script>
        function msgTest(){
            //layer.msg("提示的文字")
            layer.msg("提示的文字",function (){

            });
        }
        function  loadTest(){
          var windowId  = layer.load(0);
            setTimeout(function (){
            layer.close(windowId);
            },2000);
        };
        function  msg_loadTest(){
            layer.msg("提示的文字",{icon:16,shade:0.01});
        }
        function  alertTest(){
            layer.alert("文字内容",{icon:10});
        }
        function tipsTest(){
            layer.tips("这里面有秘密","#s1",{tipsMore:true,tips:1});
        }
    </script>
</head>
<body>
<button onclick="msgTest()">msg函数（重点）</button><br>
<button onclick="loadTest()">load函数（重点）</button><br>
<button onclick="msg_loadTest()">msg函数（load效果）</button><br>
<button onclick="alertTest()">alert函数</button><br>
<button onclick="tipsTest()">tips函数</button><br>


<p>
    锄禾<span id="s1"> 日当</span>，汗滴禾下土
</p>
</body>
</html>